<script>
    $(document).ready(function(){
        //generic.validaForm();
        $("#iframeContent").load(function(){
            var myDiv = this.contentWindow.document.getElementsByTagName('div');
            if(myDiv.length>0){
	            var idDiv = myDiv[0].getAttribute('id');
	            
	            var addClase = "";
            
	            if(idDiv == 'asd'){
	                addClase = "alert alert-danger";
	            }
	            else{
	                addClase = "alert alert-success";
	                //generic.limpiaInputs();
	            }

            	textError = $(myDiv[0]).html();
	            (textError!='')?function(){
	                $('#contentFrame').html(textError).addClass(addClase).css("height", '48px');    
	           	}()
           		:function(){
            		$('#contentFrame').removeClass(addClase).empty().css("height", '0px');;
           		}();
        	}
        
    	});

        $("input[name='rdoCuestionario']").click(function(){
            var id = $(this).attr('id');

            $('#btnMostrar').removeClass("disabled");
            $('#hidCuest').val(id);
        });

        $("#btnMostrar").click(function(){
            var id = $('#workArea').find('#hidCuest').val();
            generic.cargaDatosCuest(id);
        });

        $("#btnReset").click(function(){
            $("#fade_out").fadeIn(200);
            $("#fade_in").fadeOut(0);
        });
    });
</script>
<div id="contentFrame"></div>
<div class="well" style="margin: 0px;">
	<div id="fade_out">
		<legend>Cuestionarios</legend>
        <span class="help-block">Selecciona una cuestionario y presiona el boton mostrar</span>
        <div class="border-table">
            <div class="cntRegistros">
                <table class="table table-hover">
                    <tbody>
                        <?php
          
                            require("autoload.php");
                            $rs = generic::muestraCuestionarios();

                            if($rs['status']){
                                if($rs['total'] >= 1){
                                    $cuestionarios = $rs['rows'];

                                    for ($i=0; $i < count($cuestionarios); $i++) {
                                        echo "<tr>";
                                        echo "<td>";
                                        echo "<div class='radio'>";
                                        echo "<label>";
                                        echo "<input type='radio' id='" . $cuestionarios[$i]['IdCuestionario'] . "' name='rdoCuestionario' value='" . $cuestionarios[$i]['IdCuestionario'] . "' />" . $cuestionarios[$i]['Descripcion'];
                                        echo "</label>";
                                        echo "</div>";
                                        echo "</td>";
                                        echo "</tr>";
                                    }
                                }
                            }
                        ?>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-lg-12" style="text-align: right;">
            <input type="button" id="btnMostrar" class="btn btn-primary disabled" value="Mostrar">
        </div>
	</div>
	<div id="fade_in">
		<legend>Cuestionarios</legend>
			<div style="text-align:right;"><button type="button" id="btnReset" class="btn btn-link">Seleccionar</button></div>
		<form id="myForm" name="myForm" action="modules/newUser.php" method="POST" target="response" class="bs-example form-horizontal">
			<input type="hidden" id="hidCuest" name="hidCuest" value="">
			<div class="form-group">
				<label for="txtCuestionario" class="col-lg-2 control-label">Descripción</label>
				<div class="col-lg-10">
					<textarea id='txtCuestionario' name="txtCuestionario" class="form-control" rows="3" ></textarea>
				</div>
			</div>
			<div class="form-group">
				<div class="col-lg-10 col-lg-offset-2" style="text-align: right;">
					<button type="submit" name="btnEditCuestionario" class="btn btn-primary">Guardar</button>
				</div>
			</div>
		</form>
	</div>
</div>
<iframe id="iframeContent" name ="response" style="display:none;"></iframe>